<template>
    <div id="MyMember-Bottom">
       <div id="MyMember-Nottom-Content">
           <div class="top"></div>
           <div class="middle">
               <div>
                   <MyMemberBottomUl></MyMemberBottomUl>
               </div>
               <div>
                   <MyMemberBottomUlS></MyMemberBottomUlS>
               </div>
               <div>
                   <MyMemberBottomUlQuest></MyMemberBottomUlQuest>
               </div>
           </div>
       </div>
    </div>
</template>

<script>
    import MyMemberBottomUl from 'com/My/Member/MyMember-Bottom-ul.vue'
    import MyMemberBottomUlS from 'com/My/Member/MyMember-Bottom-uls.vue'
    import MyMemberBottomUlQuest from 'com/My/Member/MyMember-Bottom-ulQuest.vue'
    export default {
        name: "MyMember-Top",
        components:{
            MyMemberBottomUl,
            MyMemberBottomUlS,
            MyMemberBottomUlQuest
        }
    }
</script>

<style lang="scss" scoped>
    #MyMember-Bottom{
        width: 100%;
        background-color: #FFFFFF;
    }

    #MyMember-Nottom-Content{
        width: 100%;
        .top{
            width: 100%;
            height: 0.35rem;
            background-image: url("../../../../public/img/My/KaiTong/bg2.jpg");
            background-size: 100%;
        }

        .middle{
            margin-top: 0.13rem;

            width: 100%;

            div{
                margin-bottom: 0.23rem;
            }
            div:last-of-type{
                margin: 0;
            }

        }
    }
</style>